<template>
  <!-- 影视 -->
  <div class="center-wrap" id="bili_cinephile">
    <div class="space-between">
      <div class="cinephile-left">
        <StoreyTitle :title="title">
          <svg slot="svg" t="1595230907636" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="4526" width="200" height="200">
            <path d="M988.16 488.96v-1.024C973.824 240.64 769.024 44.544 518.144 44.544c-256.512 0-465.408 205.312-470.528 460.8 5.12-125.44 108.544-225.792 235.008-225.792 128.512 0 233.472 103.424 235.52 231.424v3.072c0 130.048 105.472 235.52 235.52 235.52 121.344 0 221.696-92.16 234.496-209.92 0.512-8.704 0.512-16.896 0.512-25.6 0-8.704 0-16.896-0.512-25.088z"
              fill="#FFFFFF" p-id="4527"></path>
            <path d="M988.16 488.96v-1.024C973.824 240.64 769.024 44.544 518.144 44.544c-256.512 0-465.408 205.312-470.528 460.8 5.12-125.44 108.544-225.792 235.008-225.792 128.512 0 233.472 103.424 235.52 231.424v3.072c0 130.048 105.472 235.52 235.52 235.52 121.344 0 221.696-92.16 234.496-209.92 0.512-8.704 0.512-16.896 0.512-25.6 0-8.704 0-16.896-0.512-25.088z"
              fill="#FFFFFF" p-id="4528"></path>
            <path d="M754.176 747.52c-130.048 0-235.52-105.472-235.52-235.52v-1.024 2.048c0 13.824-1.536 27.648-4.096 41.472 2.048-13.312 3.584-27.136 3.584-40.96 0-130.048-105.472-235.52-235.52-235.52-126.976 0-230.4 100.352-235.008 225.792V522.24c0 4.096 0.512 7.68 0.512 11.776 11.776 249.856 217.6 448.512 470.016 448.512 251.392 0 456.704-197.12 470.016-444.928-12.288 118.272-112.128 209.92-233.984 209.92z"
              fill="#A47BFF" p-id="4529"></path>
            <path d="M315.392 215.04l109.056-93.696c-24.064 5.632-47.616 13.824-70.144 23.552L282.112 213.504h0.512c11.264 0 22.016 0.512 32.768 1.536z m411.136-46.592L475.136 283.136c24.064 19.968 45.056 44.032 61.952 70.656l311.808-71.68c-32.256-46.08-73.728-84.992-122.368-113.664z m-208.384-58.368h-12.288l-148.48 112.128c18.432 4.608 35.84 11.264 52.736 18.944l199.68-121.344c-29.696-6.144-59.904-9.728-91.648-9.728z"
              fill="#FFFFFF" p-id="4530"></path>
            <path d="M249.856 215.04c10.24-1.024 20.992-1.536 31.744-1.536 0.512 0 0.512 0 1.024-0.512l66.56-62.976c1.024-1.024 0-2.56-1.536-2.048-35.328 16.384-68.608 38.4-98.816 65.024-1.024 0.512 0 2.048 1.024 2.048z m108.032 7.168l144.384-109.056c1.024-1.024 0.512-2.56-1.024-2.56-26.112 1.024-51.712 4.608-76.8 10.24 0 0-0.512 0-0.512 0.512L317.952 212.992c-1.024 1.024-0.512 2.048 0.512 2.56 12.8 1.536 25.6 4.096 38.4 7.168 0.512 0 1.024 0 1.024-0.512z"
              fill="#E6E8E5" p-id="4531"></path>
            <path d="M608.256 121.856L417.792 237.568c-3.072 2.048-3.072 6.656 0.512 8.192 19.456 9.728 37.888 22.016 54.784 35.84 1.536 1.024 3.072 1.536 5.12 0.512l240.64-110.08c3.584-1.536 3.584-6.656 0.512-8.704-33.28-18.944-69.12-33.28-107.52-42.496-1.536 0-3.072 0-3.584 1.024zM922.112 492.544V491.52c-4.096-76.288-29.696-146.944-70.144-205.824-1.536-2.56-4.608-3.584-7.168-3.072l-297.984 68.608c-4.608 1.024-6.656 6.144-4.608 10.24 24.064 40.448 38.912 87.552 41.472 137.216 0 3.584 3.072 6.656 7.168 6.656h324.608c4.096 0 7.168-3.072 7.168-7.168 0-1.536-0.512-3.584-0.512-5.632z"
              fill="#A47BFF" p-id="4532"></path>
            <path d="M583.68 505.856v8.192c0 93.696 76.288 169.984 169.984 169.984 86.528 0 158.208-64 168.448-149.504 0.512-6.656 0.512-13.824 0.512-19.968V506.88l-338.944-1.024zM124.416 513.536c0 87.04 70.656 157.696 157.696 158.208s157.696-70.656 158.208-157.696c0-87.04-70.656-157.696-157.696-157.696s-158.208 69.632-158.208 157.184z"
              fill="#FFFFFF" p-id="4533"></path>
            <path d="M240.64 418.816c0 23.04 18.432 41.472 41.472 41.472s41.472-18.432 41.472-41.472-18.432-41.472-41.472-41.472-41.472 18.432-41.472 41.472zM179.2 523.776c22.016 7.168 45.568-4.608 52.224-26.624s-4.608-45.568-26.624-52.224c-22.016-7.168-45.568 4.608-52.224 26.624-7.168 21.504 4.608 45.056 26.624 52.224zM201.728 624.128c18.432 13.312 44.544 9.216 58.368-9.216 13.312-18.432 9.216-44.544-9.216-58.368-18.432-13.312-44.544-9.216-58.368 9.216s-9.216 44.544 9.216 58.368zM304.128 614.912c13.312 18.432 39.424 22.528 58.368 9.216 18.432-13.312 22.528-39.424 9.216-58.368-13.312-18.432-39.424-22.528-58.368-9.216-18.432 13.312-22.528 39.424-9.216 58.368zM332.8 497.152c7.168 22.016 30.72 33.792 52.224 26.624 22.016-7.168 33.792-30.72 26.624-52.224-7.168-22.016-30.72-33.792-52.224-26.624s-33.792 30.208-26.624 52.224zM255.488 513.536c0 14.848 11.776 26.624 26.624 26.624 14.848 0 26.624-11.776 26.624-26.624 0-14.848-11.776-26.624-26.624-26.624s-26.624 11.776-26.624 26.624z"
              fill="#A47BFF" p-id="4534"></path>
          </svg>
        </StoreyTitle>
        <VideoPreview :videolist="videolist" :classname="classname"></VideoPreview>
      </div>
      <RankList :ranklist="ranklist"></RankList>
    </div>
  </div>
</template>

<script>
  import StoreyTitle from '../public/StoreyTitle.vue'
  import VideoPreview from '../public/VideoPreview.vue'
  import RankList from '../public/RankList.vue'
  export default {
    name: 'CinephileList',
    components: {
      StoreyTitle,
      VideoPreview,
      RankList
    },
    data() {
      return {
        title: '影视',
        classname:'cinephile-box',
        videolist: [{
            img: require('../../assets/img/douga_4k.jpg'),
            bg: require('../../assets/img/douga_4k1.jpg'),
            bgnum: '28',
            title: '全b站第一个4K蒸汽波！𝓼𝓾𝓶𝓶𝓮𝓻 𝓵𝓸𝓿𝓮🍭💗',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamiclist_lwdgz.jpg'),
            bg: require('../../assets/img/dynamic_lwdgz1.jpg'),
            bgnum: '28',
            title: '龙王的工作',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_almls.jpg'),
            bg: require('../../assets/img/dynamic_almls1.jpg'),
            bgnum: '28',
            title: '【4月】埃罗芒阿老师 02【独家正版】',
            time: '23:41',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_silver.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_jojo.jpg'),
            bg: require('../../assets/img/dynamic_jojo1.jpg'),
            bgnum: '28',
            title: '【10月】JOJO的奇妙冒险 黄金之风 23【独家正版】',
            time: '24:01',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_gmzr.jpg'),
            bg: require('../../assets/img/dynamic_gmzr1.jpg'),
            bgnum: '28',
            title: '【4月】鬼灭之刃 19【独家正版】',
            time: '23:46',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_hydxj.jpg'),
            bg: require('../../assets/img/dynamic_hydxj1.jpg'),
            bgnum: '28',
            title: '【4月/完结】辉夜大小姐想让我告白？～天才们的恋爱头脑战～  12【独家正版】',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/extension_img1.jpg'),
            bg: require('../../assets/img/extension1_img1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_silver.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/douga_jjdjr.jpg'),
            bg: require('../../assets/img/douga_jjdjr1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
        ],
        ranklist:[
          {img:require('../../assets/img/rank_nzm.jpg'),title:'这样骂够吗？(200w粉纪念)',intro:'193.6万',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'忍 者 的 时 代 结 束 了',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'全家被蚊子咬后，就开始疯狂想吃鲜血《迷雾岛·下》',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'刘备：诸葛村夫你是准备三气刘备了吗？',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'【进击的巨人】女王怀孕真正的目的是什么？地鸣灭世只是艾伦计划的开始！？巨人牛b！【他她漫漫聊】',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'七月最奇葩新番，史上最强男人？这我表示非常喜欢',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'铃兰不来我岛的原因',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'「京都动画」因为遇见了你，我的人生才充满色彩！',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'【明日方舟动画】啪嗒啪嗒注意啦！',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
          {img:require('../../assets/img/rank_nzm.jpg'),title:'扳机社早期驯服jojo原作珍贵影像资料',playnum:'95.6',comment:'1.0万',store:'6.2万',coin:'10.3万',name:'一个人的世界',time:'2020-07-16'},
        ]
      }
    }
  }
</script>

<style scoped>
</style>
